<template>
  <div id="bao">
    <div>
        <h1>爆爆团</h1>
        <p>限时爆款 超级低价</p>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
#bao div {
width: 100%;
height: 220px;
overflow: hidden;
background:linear-gradient(rgb(238, 68, 6),rgb(255, 174, 0))
}
h1 {
    text-align: center;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: #fff;
    font-size: 24px;
    font-style: italic;
    margin-top: 10px;
}
p {
    text-align: center;
    font-size: 22px;
    color: rgb(233, 208, 126);
    margin-top: 40px;
}
</style>